<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%String path = request.getContextPath();%>
<!DOCTYPE HTML>
<html xmlns:wb="http://open.weibo.com/wb">
<title>招聘平台-职位搜索</title>
<jsp:include page="inc/header.jsp"></jsp:include>

<div id="container">
    <div class="sidebar">
        <div id="options" class="greybg">
            <c:forEach items="${requestScope.dictionaries}" var="dictionary" varStatus="stat">
                <dl>
                    <dt>${dictionary.name} <em></em></dt>
                    <dd>
                        <c:forEach items="${dictionary.dictionaries}" var="dictionary1" varStatus="stat">
                            <label>
<%--                                style="display: none;"--%>
                                <input type="checkbox" name="namechoice" id="namechoice">
                                <div for="namechoice" class="dicname${dictionary1.id}">${dictionary1.id}.${dictionary1.name}</div>
                            </label>
                        </c:forEach>
                    </dd>
                </dl>
            </c:forEach>
        </div>

    </div>
    <div class="content">
        <div id="search_box">
            <form id="searchForm" name="searchForm" action="<%=path%>/service/list" method="get">
                <ul id="searchType">
                    <li data-searchtype="1" class="type_selected">职位</li>
                    <li data-searchtype="4">公司</li>
                </ul>
                <div class="searchtype_arrow"></div>
                <input type="text" id="search_input" name="kd" tabindex="1" value="前端开发" placeholder="请输入职位名称，如：产品经理"/>
                <input type="hidden" name="spc" id="spcInput" value="1"/>
                <input type="hidden" name="pl" id="plInput" value=""/>
                <input type="hidden" name="gj" id="gjInput" value=""/>
                <input type="hidden" name="xl" id="xlInput" value=""/>
                <input type="hidden" name="yx" id="yxInput" value=""/>
                <input type="hidden" name="gx" id="gxInput" value=""/>
                <input type="hidden" name="st" id="stInput" value=""/>
                <input type="hidden" name="labelWords" id="labelWords" value="label"/>
                <input type="hidden" name="lc" id="lc" value=""/>
                <input type="hidden" name="workAddress" id="workAddress" value=""/>
                <input type="hidden" name="city" id="cityInput" value="全国"/>
                <input type="submit" id="search_button" value="搜索"/>
            </form>
        </div>
        <style>
            .ui-autocomplete {
                width: 488px;
                background: #fafafa !important;
                position: relative;
                z-index: 10;
                border: 2px solid #91cebe;
            }

            .ui-autocomplete-category {
                font-size: 16px;
                color: #999;
                width: 50px;
                position: absolute;
                z-index: 11;
                right: 0px; /*top: 6px; */
                text-align: center;
                border-top: 1px dashed #e5e5e5;
                padding: 5px 0;
            }

            .ui-menu-item {
                *width: 439px;
                vertical-align: middle;
                position: relative;
                margin: 0px;
                margin-right: 50px !important;
                background: #fff;
                border-right: 1px dashed #ededed;
            }

            .ui-menu-item a {
                display: block;
                overflow: hidden;
            }
        </style>
        <%--            <script type="text/javascript" src="<%=path%>/static/js/search.min.js"></script>--%>
        <div class="breakline"></div>
                <dl class="workplace" id="workplaceSelect">
        <%--            <dt class="fl">工作地点：</dt>--%>
        <%--            <dd>--%>
        <%--                <a href="javascript:;" class="current">全国</a>--%>
        <%--                |--%>
        <%--            </dd>--%>
        <%--            <dd>--%>
        <%--                <a href="javascript:;">北京</a>--%>
        <%--                |--%>
        <%--            </dd>--%>
        <%--            <dd>--%>
        <%--                <a href="javascript:;">上海</a>--%>
        <%--                |--%>
        <%--            </dd>--%>
        <%--            <dd>--%>
        <%--                <a href="javascript:;">广州</a>--%>
        <%--                |--%>
        <%--            </dd>--%>
        <%--            <dd>--%>
        <%--                <a href="javascript:;">深圳</a>--%>
        <%--                |--%>
        <%--            </dd>--%>
        <%--            <dd>--%>
        <%--                <a href="javascript:;">成都</a>--%>
        <%--                |--%>
        <%--            </dd>--%>
        <%--            <dd>--%>
        <%--                <a href="javascript:;">杭州</a>--%>
        <%--                |--%>
        <%--            </dd>--%>
        <%--            <dd>--%>
        <%--                <a href="javascript:;">武汉</a>--%>
        <%--                |--%>
        <%--            </dd>--%>
        <%--            <dd>--%>
        <%--                <a href="javascript:;">南京</a>--%>
        <%--                |--%>
        <%--            </dd>--%>
        <%--            <dd class="more">--%>
        <%--                <a href="javascript:;">其他</a>--%>
        <%--                <div class="triangle citymore_arrow"></div>--%>
        <%--            </dd>--%>
        <%--            <dd id="box_expectCity" class="searchlist_expectCity dn">--%>
        <%--                <span class="bot"></span>--%>
        <%--                <span class="top"></span>--%>
        <%--                <dl>--%>
        <%--                    <dt>ABCDEF</dt>--%>
        <%--                    <dd>--%>
        <%--                        <span>北京</span>--%>
        <%--                        <span>长春</span>--%>
        <%--                        <span>成都</span>--%>
        <%--                        <span>重庆</span>--%>
        <%--                        <span>长沙</span>--%>
        <%--                        <span>常州</span>--%>
        <%--                        <span>东莞</span>--%>
        <%--                        <span>大连</span>--%>
        <%--                        <span>佛山</span>--%>
        <%--                        <span>福州</span>--%>
        <%--                    </dd>--%>
        <%--                </dl>--%>
        <%--                <dl>--%>
        <%--                    <dt>GHIJ</dt>--%>
        <%--                    <dd>--%>
        <%--                        <span>贵阳</span>--%>
        <%--                        <span>广州</span>--%>
        <%--                        <span>哈尔滨</span>--%>
        <%--                        <span>合肥</span>--%>
        <%--                        <span>海口</span>--%>
        <%--                        <span>杭州</span>--%>
        <%--                        <span>惠州</span>--%>
        <%--                        <span>金华</span>--%>
        <%--                        <span>济南</span>--%>
        <%--                        <span>嘉兴</span>--%>
        <%--                    </dd>--%>
        <%--                </dl>--%>
        <%--                <dl>--%>
        <%--                    <dt>KLMN</dt>--%>
        <%--                    <dd>--%>
        <%--                        <span>昆明</span>--%>
        <%--                        <span>廊坊</span>--%>
        <%--                        <span>宁波</span>--%>
        <%--                        <span>南昌</span>--%>
        <%--                        <span>南京</span>--%>
        <%--                        <span>南宁</span>--%>
        <%--                        <span>南通</span>--%>
        <%--                    </dd>--%>
        <%--                </dl>--%>
        <%--                <dl>--%>
        <%--                    <dt>OPQR</dt>--%>
        <%--                    <dd>--%>
        <%--                        <span>青岛</span>--%>
        <%--                        <span>泉州</span>--%>
        <%--                    </dd>--%>
        <%--                </dl>--%>
        <%--                <dl>--%>
        <%--                    <dt>STUV</dt>--%>
        <%--                    <dd>--%>
        <%--                        <span>上海</span>--%>
        <%--                        <span>石家庄</span>--%>
        <%--                        <span>绍兴</span>--%>
        <%--                        <span>沈阳</span>--%>
        <%--                        <span>深圳</span>--%>
        <%--                        <span>苏州</span>--%>
        <%--                        <span>天津</span>--%>
        <%--                        <span>太原</span>--%>
        <%--                        <span>台州</span>--%>
        <%--                    </dd>--%>
        <%--                </dl>--%>
        <%--                <dl>--%>
        <%--                    <dt>WXYZ</dt>--%>
        <%--                    <dd>--%>
        <%--                        <span>武汉</span>--%>
        <%--                        <span>无锡</span>--%>
        <%--                        <span>温州</span>--%>
        <%--                        <span>西安</span>--%>
        <%--                        <span>厦门</span>--%>
        <%--                        <span>烟台</span>--%>
        <%--                        <span>珠海</span>--%>
        <%--                        <span>中山</span>--%>
        <%--                        <span>郑州</span>--%>
        <%--                    </dd>--%>
        <%--                </dl>--%>
        <%--            </dd>--%>
                </dl>

        <div id="tip_didi" class="dn">
            <span>亲，“嘀嘀打车”已更名为“滴滴打车”了哦，我们已帮您自动跳转~</span>
            <a href="javascript:;">我知道了</a>
        </div>
        <ul class="hot_pos reset" id="listreset">

        </ul>

    </div>

    <script>
        $(".jobsubmit").click(function () {
            window.open("<%=path%>/service/toudi");
        });
        $(function () {
            $(".dicname").on("click",function () {
                var flag = $("#namechoice").is(':checked');
                console.log(flag+"----");
                if (flag){
                    console.log("...");
                    $(".dicname").css("background","#999");
                }
                else {
                    // $(".dicname").css("background","#fff");
                }
            });

        });
        // $("#choice").click(function () {
        //     var choice=$("#choice");
        //     if ()
        // });
        $(function () {
            pagenoinit(null, null);
            $(".dicname").on("click", function () {
                var job = $(".dicname").val();
                pagenoinit(null, job);
            });
            $("#listreset").on("click", ".Pagination a", function () {
                var pageNum = $(this).html();
                pagenoinit(pageNum, null);
            });
        });

        function pagenoinit(pageNum, job) {
            var data = {pageNum: pageNum, job: job};
            $.get("<%=path%>/service/listdata",
                data,
                function (data) {
                    $("#listreset").html(data);
                });
        }


    </script>
    <script>
        // $(function () {
        /***************************
         * 分页
         */
        // $('.Pagination').pager({
        //     currPage: 1,
        //     pageNOName: "pn",
        //     form: "searchForm",
        //     pageCount: 30,
        //     pageSize: 5
        // });

        // $(".workplace dd").not('.more').children('a').click(function(){
        //     $('#lc').val(1);
        //     editForm("cityInput" , $(this).html());
        // });

        // $("#box_expectCity dd span").click(function(){
        //     $('#lc').val(1);
        //     editForm("cityInput" , $(this).html());
        // });

        //     $('#options dd div').click(function () {
        //         var firstName = $(this).parents('dl').children('dt').text();
        //         var fn = $.trim(firstName);
        //         if (fn == "月薪范围") {
        //             editForm("yxInput", $(this).html());
        //         } else if (fn == "工作经验") {
        //             editForm("gjInput", $(this).html());
        //         } else if (fn == "最低学历") {
        //             editForm("xlInput", $(this).html());
        //         } else if (fn == "工作性质") {
        //             editForm("gxInput", $(this).html());
        //         } else if (fn == "发布时间") {
        //             editForm("stInput", $(this).html());
        //         }
        //     });
        //
        //     $('#selected ul').delegate('li span.select_remove', 'click', function (event) {
        //         var firstName = $(this).parent('li').find('strong').text();
        //         var fn = $.trim(firstName);
        //         if (fn == "月薪范围")
        //             editForm("yxInput", "");
        //         else if (fn == "工作经验")
        //             editForm("gjInput", "");
        //         else if (fn == "最低学历")
        //             editForm("xlInput", "");
        //         else if (fn == "工作性质")
        //             editForm("gxInput", "");
        //         else if (fn == "发布时间")
        //             editForm("stInput", "");
        //     });
        //
        //     /* search结果飘绿	*/
        //     (function ($) {
        //         var searchVal = $('#search_input').val();
        //         var reg = /\s/g;
        //         searchVal = searchVal.replace(reg, "").split("");
        //
        //         var resultL = '';
        //         var resultR = '';
        //         $('.hot_pos li').each(function () {
        //             resultL = $('.hot_pos_l a', this).text().split("");
        //             $.each(resultL, function (i, v) {
        //                 if ($.inArray(v.toLowerCase(), searchVal) != -1 || $.inArray(v.toUpperCase(), searchVal) != -1) {
        //                     resultL[i] = '<span>' + v + '</span>';
        //                 }
        //             });
        //             $('.hot_pos_l a', this).html(resultL.join(''));
        //
        //             resultR = $('.hot_pos_r .mb10 a', this).text().split("");
        //             $.each(resultR, function (i, v) {
        //                 if ($.inArray(v.toLowerCase(), searchVal) != -1 || $.inArray(v.toUpperCase(), searchVal) != -1) {
        //                     resultR[i] = '<span>' + v + '</span>';
        //                 }
        //             });
        //             $('.hot_pos_r .mb10 a', this).html(resultR.join(''));
        //         });
        //
        //     })(jQuery);
        //
        //     //didi tip
        //     if ($.cookie('didiTip') != 1 && false) {
        //         $('#tip_didi').show();
        //     }
        //     $('#tip_didi a').click(function () {
        //         $(this).parent().remove();
        //         $.cookie('didiTip', 1, {expires: 30, path: '/'});
        //     });
        //
        // });
        //
        // function editForm(inputId, inputValue) {
        //     $("#" + inputId).val(inputValue);
        //     var keyword = $.trim($('#search_input').val());
        //     var reg = /[`~!@\$%\^\&\*\(\)_<>\?:"\{\},\\\/;'\[\]]/ig;
        //     var re = /#/g;
        //     var r = /\./g;
        //     var kw = keyword.replace(reg, " ");
        //
        //     if (kw == '') {
        //         $('#searchForm').attr('action', 'service/list所有职位').submit();
        //     } else {
        //         kw = kw.replace(re, '井');
        //         kw = kw.replace(r, '。');
        //         $('#searchForm').attr('action', 'service/list' + kw).submit();
        //     }
        //     //$("#searchForm").submit();
        // }
    </script>

    <div class="clear"></div>
    <input type="hidden" id="resubmitToken" value=""/>
    <a id="backtop" title="回到顶部" rel="nofollow"></a>
</div><!-- end #container -->
<!-- end #body -->
<jsp:include page="inc/footer.jsp"></jsp:include>
</html>
